<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Testing controls that should not match :enabled/:disabled</title>
    <style type="text/css">
      input, label, object, *.hideme { display: none; }
      div { margin-bottom: 1em; }

      span, legend { color: lime; background-color: lime; }
      *:enabled + span, legend:enabled { background-color: red; }
      *:disabled + span, legend:disabled { background-color: red; }

      #test + span { background-color: red; }
      #test:enabled + span { color: lime; background-color: lime; }
    </style>
  </head>
  <body>
    <div>
      There should be no red in the following (note: form styling should be enabled).
    </div>

    <form method="get" action=".">
      <div>
	Make sure that :default is actually implemented:
	<input id="test"/> <span>FAIL</span>
      </div>

      <div>
	label:
	<label>bogus</label> <span>FAIL</span>
	<label disabled="disabled">bogus</label> <span>FAIL</span>
      </div>      

      <div>
	legend:
	<fieldset><legend>FAIL</legend></fieldset>
	<fieldset><legend disabled="disabled">FAIL</legend></fieldset>
	<fieldset disabled="disabled"><legend>FAIL</legend></fieldset>
      </div>

      <div>
	div (inside form):
	<div class="hideme">bogus</div> <span>FAIL</span>
	<div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
      </div>

    </form>

    <div>
      div (outside form):
      <div class="hideme">bogus</div> <span>FAIL</span>
      <div class="hideme" disabled="disabled">bogus</div> <span>FAIL</span>
    </div>

    <div>
      object:
      <object>bogus</object> <span>FAIL</span>
      <object disabled="disabled">bogus</object> <span>FAIL</span>
    </div>

    <div>
      form:
      <form class="hideme" method="get" action="."><p><input/></p></form> <span>FAIL</span>
      <form class="hideme" method="get" action="." disabled="disabled"><p><input/></p></form> <span>FAIL</span>
    </div>
  </body>
</html>
